<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>17_表单-表单元素-</title>
    </head>
    <body>
        <form action="1.php" method="get">
            <!-- （6）radio是单选框的意思   注意需要添加name属性 
            name的属性值必须要保持一致  这样才可以互斥 -->
            <input type="radio" name="gender">男
            <input type="radio" name="gender">女<br>

            <!-- （7）checkbox 复选框-->
            <input type="checkbox" name="hobby">吃
            <input type="checkbox" name="hobby">喝
            <input type="checkbox" name="hobby">嫖
            <input type="checkbox" name="hobby">嫖<br>

            <!-- （8）file 文件 -->
            <input type="file">

            <!-- （9） hidden
                 在浏览器中表单的结构上 不会显示 但是会执行
                 我们在学习vue的时候 会有一个指令 就会使用到他
            -->
            <input type="hidden" value="20000501" name="testhidden">

            <!-- （10）image -->
            <input type="image" src="img/1.jpg">


            <input type="submit">
        </form>
    </body>
</html>